<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0  maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/icon_font/iconfont.css">
    <style>
        body {
            background-color: #eff3f6;

        }
        .container-fluid {
            height: 100%;
            padding: 0;
        }

        .top_header {
            background-color: #50d2c2;
            height: 200px;
            padding-top: 20px;
        }

        .white {
            color: #fff;
            font-size: 40px;
        }

        .top_header h3 {
            position: absolute;
            left: 50%;
            top: 3%;
            transform: translateX(-50%);
            color: #fff;
        }

        .bottom {
            margin-top: 40px;
            padding-left: 10px;
        }

        .bottom img {
            width: 50px;
        }

        .bottom input {
            border: none;
            background-color: transparent;
            outline: none;
            color: #fff;
            font-size: 20px;
            vertical-align: middle;
            width: 84px;
        }

        .xiugai {
            color: #fff;
            font-size: 20px;
            vertical-align: middle;
        }

        .client {
            background-color: #fff;
            height: 200px;
            padding-top: 15px;
            padding-left: 15px;
        }
        .client h3 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
        }
        .client a {
            text-decoration: none;
            color: #000;
            display: flex;
            flex-direction: column;
            margin-top: 40px;
        }
        .client a img {
            width: 60px;
            height: 60px;
        }
        .client a text {
            margin-top: 10px;
        }
        footer {
            background-color: #fff;
            margin-top: 10px;
            padding: 15px;
        }
        .h_top h3 {
            margin: 0;
        }
        .father {
            margin-top: 40px;
            display: flex;
            justify-content: space-between;
        }
        .father a {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: #000;

        }
        .father a text {
            margin-top: 10px;

        }
    </style>
</head>

<body>
    <div class="container-fluid">
        <div class="top_header">
            <div class="top">
                <i class="icon-zuojiantou
                    iconfont white"></i>
                <h3>个人中心</h3>
            </div>
            <div class="bottom">
                <img src="{$data['headimgurl']}" alt="">
                <input value="{$name}" disabled="true">
                <span class="iconfont icon-xiugai xiugai"></span>
            </div>

        </div>
        <div class="client">
            <h3>租客服务</h3>
            <a href="__PUBLIC__/wx/wx/power_rate" class="dianfei">
                <img src="__PUBLIC__/static/images/dian.png" alt="">
                <text>缴纳电费</text>
            </a>
        </div>
        <footer>
            <div class="h_top">
                <h3>商业合作</h3>
                <div class="father">
                    <a href="__PUBLIC__/wx/channel/my_manager">
                        <img src="__PUBLIC__/static/images/jingli.png" alt="">
                        <text>客户经理</text>
                    </a>
                    <a href="__PUBLIC__/wx/channel/add_apartment">
                        <img src="__PUBLIC__/static/images/fangyuan.png" alt="">
                        <text>推荐房源</text>
                    </a>
                    <a href="__PUBLIC__/wx/user/wallet">
                        <img src="__PUBLIC__/static/images/qianbao.png" alt="">
                        <text>我的钱包</text>
                    </a>
                    <a href="__PUBLIC__/wx/channel/record">
                        <img src="__PUBLIC__/static/images/jilu.png" alt="">
                        <text>成交记录</text>
                    </a>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>

<div id="google_translate_element" style="position:fixed;bottom:10px;right:10px;z-index:2000;opacity:0.7"></div>
<script>
    $('.xiugai').click(function(){
        window.location.href ='__PUBLIC__/wx/user/editinfo'
    })
    $('.white').click(function(){
        //window.location.href ='公众号主页路径'
        var state = {
            title: "title",
            url: "#"
        };
        window.history.pushState(state, "title", "#");


    if (typeof window.addEventListener != "undefined") {
        window.addEventListener("popstate", function (e) {
            WeixinJSBridge.call('closeWindow');
        }, false);
    } else {
        window.attachEvent("popstate", function (e) {
            WeixinJSBridge.call('closeWindow');
        });
    }
    })
    // function googleTranslateElementInit() {
    //
    //     new google.translate.TranslateElement(
    //         {
    //             //这个参数不起作用，看文章底部更新，翻译面板的语言
    //             //pageLanguage: 'zh-CN',
    //             //这个是你需要翻译的语言，比如你只需要翻译成越南和英语，这里就只写en,vi
    //             includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th,vi',
    //             //选择语言的样式，这个是面板，还有下拉框的样式，具体的记不到了，找不到api~~
    //             layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
    //             //自动显示翻译横幅，就是翻译后顶部出现的那个，有点丑，这个属性没有用的话，请看文章底部的其他方法
    //             autoDisplay: true,
    //             //还有些其他参数，由于原插件不再维护，找不到详细api了，将就了，实在不行直接上dom操作
    //         },
    //         'google_translate_element'//触发按钮的id
    //     );
    //
    // }
</script>
<script src="https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>